<!DOCTYPE HTML5>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>bisuto 10</title>
	<script src="./JS/bisuto.js"></script>
	<link href="./CSS/bisuto.css" rel="stylesheet">
</head>

<body>
	<div id="all">
		<!--主要代码-->
		<ul class="piano">
			<li class="key">
				<span id="k72u" class="white-key" data-key="20" data-note="C5"></span>
				<span id="k73u" class="black-key" data-key="81" data-note="C5m"></span>
			</li>
			<li class="key">
				<span id="k74u" class="white-key" data-key="65" data-note="D5"></span>
				<span id="k75u" class="black-key" data-key="87" data-note="D5m"></span>
			</li>
			<li class="key">
				<span id="k76u" class="white-key" data-key="83" data-note="E5"></span>
			</li>
			<li class="key">
				<span id="k77" class="white-key" data-key="68" data-note="F5"></span>
				<span id="k78" class="black-key" data-key="82" data-note="F5m"></span>
			</li>
			<li class="key">
				<span id="k79" class="white-key" data-key="70" data-note="G5"></span>
				<span id="k80" class="black-key" data-key="84" data-note="G5m"></span>
			</li>
			<li class="key">
				<span id="k81" class="white-key" data-key="71" data-note="A5"></span>
				<span id="k82" class="black-key" data-key="89" data-note="A5m"></span>
			</li>
			<li class="key">
				<span id="k83" class="white-key" data-key="72" data-note="B5"></span>
			</li>
			<li class="key">
				<span id="k84" class="white-key" data-key="74" data-note="C6"></span>
				<span id="k85" class="black-key" data-key="73" data-note="C6m"></span>
			</li>
			<li class="key">
				<span id="k86" class="white-key" data-key="75" data-note="D6"></span>
				<span id="k87" class="black-key" data-key="79" data-note="D6m"></span>
			</li>
			<li class="key">
				<span id="k88" class="white-key" data-key="76" data-note="E6"></span>
			</li>
			<li class="key">
				<span id="k89" class="white-key" data-key="186" data-note="F6"></span>
				<span id="k90" class="black-key" data-key="219" data-note="F6m"></span>
			</li>
			<li class="key">
				<span id="k91" class="white-key" data-key="222" data-note="G6"></span>
				<span id="k92" class="black-key" data-key="221" data-note="G6m"></span>
			</li>
			<li class="key">
				<span id="k93" class="white-key" data-key="220" data-note="A7"></span>
				<span id="k94" class="black-key" data-key="13" data-note="A7m"></span>
			</li>
			<li class="key">
				<span id="k95" class="white-key" data-key="37" data-note="B7"></span>
			</li>
		</ul>

	</div>

	<div id="down">
		<ul class="piano">
			<li class="key">
				<span id="k53" class="white-key" data-key="68" data-note="F3"></span>
				<span id="k54" class="black-key" data-key="82" data-note="F3m"></span>
			</li>
			<li class="key">
				<span id="k55" class="white-key" data-key="70" data-note="G3"></span>
				<span id="k56" class="black-key" data-key="84" data-note="G3m"></span>
			</li>
			<li class="key">
				<span id="k57" class="white-key" data-key="71" data-note="A3"></span>
				<span id="k58" class="black-key" data-key="89" data-note="A3m"></span>
			</li>
			<li class="key">
				<span id="k59" class="white-key" data-key="72" data-note="B3"></span>
			</li>
			<li class="key">
				<span id="k60" class="white-key" data-key="74" data-note="C4"></span>
				<span id="k61" class="black-key" data-key="73" data-note="C4m"></span>
			</li>
			<li class="key">
				<span id="k62" class="white-key" data-key="75" data-note="D4"></span>
				<span id="k63" class="black-key" data-key="79" data-note="D4m"></span>
			</li>
			<li class="key">
				<span id="k64" class="white-key" data-key="76" data-note="E4"></span>
			</li>
			<li class="key">
				<span id="k65" class="white-key" data-key="186" data-note="F4"></span>
				<span id="k66" class="black-key" data-key="219" data-note="F4m"></span>
			</li>
			<li class="key">
				<span id="k67" class="white-key" data-key="222" data-note="G4"></span>
				<span id="k68" class="black-key" data-key="221" data-note="G4m"></span>
			</li>
			<li class="key">
				<span id="k69" class="white-key" data-key="220" data-note="A5"></span>
				<span id="k70" class="black-key" data-key="13" data-note="A5m"></span>
			</li>
			<li class="key">
				<span id="k71" class="white-key" data-key="37" data-note="B5"></span>
			</li>
			<li class="key">
				<span id="k72" class="white-key" data-key="20" data-note="C5"></span>
				<span id="k73" class="black-key" data-key="81" data-note="C5m"></span>
			</li>
			<li class="key">
				<span id="k74" class="white-key" data-key="65" data-note="D5"></span>
				<span id="k75" class="black-key" data-key="87" data-note="D5m"></span>
			</li>
			<li class="key">
				<span id="k76" class="white-key" data-key="83" data-note="E5"></span>
			</li>
		</ul>
	</div>

	<div id="all">
		<!--主要代码-->
		<ul class="piano">
			<li class="key">
				<span id="k72u" class="white-key" data-key="20" data-note="C2"></span>
				<span id="k73u" class="black-key" data-key="81" data-note="C2m"></span>
			</li>
			<li class="key">
				<span id="k74u" class="white-key" data-key="65" data-note="D2"></span>
				<span id="k75u" class="black-key" data-key="87" data-note="D2m"></span>
			</li>
			<li class="key">
				<span id="k76u" class="white-key" data-key="83" data-note="E2"></span>
			</li>
			<li class="key">
				<span id="k77" class="white-key" data-key="68" data-note="F2"></span>
				<span id="k78" class="black-key" data-key="82" data-note="F2m"></span>
			</li>
			<li class="key">
				<span id="k79" class="white-key" data-key="70" data-note="G2"></span>
				<span id="k80" class="black-key" data-key="84" data-note="G2m"></span>
			</li>
			<li class="key">
				<span id="k81" class="white-key" data-key="71" data-note="A2"></span>
				<span id="k82" class="black-key" data-key="89" data-note="A2"></span>
			</li>
			<li class="key">
				<span id="k83" class="white-key" data-key="72" data-note="B2"></span>
			</li>
			<li class="key">
				<span id="k84" class="white-key" data-key="74" data-note="C3"></span>
				<span id="k85" class="black-key" data-key="73" data-note="C3m"></span>
			</li>
			<li class="key">
				<span id="k86" class="white-key" data-key="75" data-note="D3"></span>
				<span id="k87" class="black-key" data-key="79" data-note="D3m"></span>
			</li>
			<li class="key">
				<span id="k88" class="white-key" data-key="76" data-note="E3"></span>
			</li>
			<li class="key">
				<span id="k89" class="white-key" data-key="186" data-note="F3"></span>
				<span id="k90" class="black-key" data-key="219" data-note="F3m"></span>
			</li>
			<li class="key">
				<span id="k91" class="white-key" data-key="222" data-note="G3"></span>
				<span id="k92" class="black-key" data-key="221" data-note="G3m"></span>
			</li>
			<li class="key">
				<span id="k93" class="white-key" data-key="220" data-note="A3"></span>
				<span id="k94" class="black-key" data-key="13" data-note="A3m"></span>
			</li>
			<li class="key">
				<span id="k95" class="white-key" data-key="37" data-note="B3"></span>
			</li>
		</ul>

	</div>

</body>

</html>